<!--
/**
* Author: txj
* Date: 2023年8月16日11:23:37 
* Desc: 
*/
-->
<template>
  <view>
    <zm-popup
      v-model="currentValue"
      mode="bottom"
      :closeable="false"
      :mask-close-able="false"
    >
      <view class="list">
        <view v-for="(item, index) in list" :key="index">
          <view class="item" @click="selectTime(item)">{{ item.name }}</view>
        </view>
      </view>
    </zm-popup>
  </view>
</template>

<script>
  import ZmPopup from '@/commons/ZmPopup'
  export default {
    // 挂载组件
    components: { ZmPopup },
    props: {
      value: {
        type: Boolean,
        default: false
      },
      list: {
        type: Array,
        default: []
      }
    },

    // 数据
    data() {
      return {}
    },

    // 计算属性
    computed: {
      currentValue: {
        get() {
          return this.value
        },
        set(v) {
          this.$emit('input', v)
        }
      }
    },

    // 挂载完成
    mounted() {},

    // 创建完成
    created() {},

    // 挂载方法
    methods: {
      selectTime(item) {
        this.$emit('setPickTime', item)
        this.$emit('input', false)
      }
    }
  }
</script>
<style lang="scss" scoped>
  .list {
    max-height: 50vh;
    width: 100%;
    background: white;
    .item {
      height: 100rpx;
      text-align: center;
      line-height: 100rpx;
      font-size: 30rpx;
    }
  }
</style>
